<template>
  <div id="router">
    <!-- <h1>学习路由⽤的⾸⻚</h1> -->
    <div class="left">
      <LeftMenu></LeftMenu>
    </div>
    <div class="right">
      <!-- 指定路由出⼝，他的⼦组件都可以在这⾥展示-->
      <router/>
    </div>
  </div>
</template>
<script>
export default{
  components:{LeftMenu}
}
</script>
<style>
body{
  margin:0;
  padding:0;
}
#router{
  width:100vw;
  height:100vh;
  border:1px solid green;
  display: flex;
  flex-direction: row;
}
#router .left{
  flex:2;
  background-color: #1F2D3D;
  color:white;
  font-weight: 400;
  padding:1vw;
}
#router .right{
  display: flex;
  flex:15;
}
</style>